﻿<template>
    <div class="flex-column">
        <component is="style" />
        @*<div class="flex-row" style="padding: .2rem 1rem; margin: 1rem 0;">
                <el-carousel :interval="4000" type="card" height="400px" style="width:100%;">
                    <el-carousel-item v-for="item in 6" :key="item">
                        <h3 class="medium">{{ item }}</h3>
                    </el-carousel-item>
                </el-carousel>
            </div>*@
        <div class="flex-column-fill">
            <el-empty description="欢迎来到程序猿的世界" image-size="512">
                <template #image>
                    <pc-turtle></pc-turtle>
                </template>
            </el-empty>
            @*<el-empty description="欢迎来到程序猿的世界" image-size="512">
                <template #image>

                </template>
        </el-empty>*@
    </div>
    </div>
</template>
<script>
    module = (function (hxt) {
        return {
            name: 'home',
            data: function () {
                var _this = this, optor = hxt.store.optor;
                return {
                    optor: optor,
                    list: [""],
                };
            },
            watch: {

            },
            computed: {

            },
            activated: function () {

            },
            mounted: function () {

            },
            methods: {


            },
            components: {
                pcTurtle: function () { return hxt.staticComponent(@Html.Raw(this.vueComponent("~/Views/pc/My/Component/pc.turtle.cshtml"))); },
            }
        };
    })(window.$jscript.fn);
</script>

<style>

</style>